<!doctype html>
<head>
  <title>Todo Desktop</title>
  <!-- Every version of your webapp should include a list of all
  versions. -->
  <link rel="alternate" href="desktop.html" id="desktop"
  media="only screen and (touch-enabled: 0)">
  <link rel="alternate" href="phone.html" id="phone"
  media="only screen and (max-device-width: 640px)">
  <link rel="alternate" href="tablet.html" id="tablet"
  media="only screen and (min-device-width: 641px)">

  <meta name="viewport" content="width=device-width, user-scalable=no">
  <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
  <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
  <style>
    ul { padding: 0; margin: 0 }
    ul.device-picker { margin-top: 200px; list-style-type: none; }
    ul.device-picker li { float: left; margin-right: 10px; }
  </style>
  <script src="../build/device.js"></script>
</head>

<body>
  <div class="container">
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="#">Todos (Desktop)</a>
          <ul class="nav pull-right">
            <li class="divider-vertical"></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Desktop <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="?device=phone">Phone</a></li>
                <li><a href="?device=tablet">Tablet</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="subnav subnav-fixed">
      <ul class="nav nav-pills">
        <a class="btn pull-right" href="#"><i class="icon-plus"></i></a>
        <input id="new" class="pull-right">
        <a class="btn" href="#"><i class="icon-cog"></i></a>
      </ul>
    </div>
    <!-- TODOS GO HERE -->
    <ul class="noformat">
      <label class="checkbox">
        <input type="checkbox" id="optionsCheckbox" value="option1">
        Buy milk
      </label>
      <label class="checkbox">
        <input type="checkbox" id="optionsCheckbox" value="option1">
        Eat lunch
      </label>
    </ul>
  </div>

  <script src="bootstrap/js/jquery.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>
</body>
